<!--
 * @Author: lijing
 * @e-mail: 1413979079@qq.com
 * @LastEditors: lijing
 * @Date: 2020-03-24 12:25:42
 * @LastEditTime: 2020-04-21 23:46:00
 * @FilePath: \blog-pages\src\components\Footer.vue
 * @Description: 网站底部组件
 -->

 <template>
  <div class="footer">
    <hr />
    <p>Copyright © blog.codingli.xyz All Rights Reserved.</p>
    <p>
      备案号：
      <a href="http://www.beian.miit.gov.cn" target="_blank">豫ICP备20007085号</a>
    </p>
  </div>
</template>
 
<script>
export default {
  name: "Footer",
  data() {
    return {};
  },
  mounted() {
    //动态设置内容高度 让footer始终居底   header+footer的高度是100
    this.Height = document.documentElement.clientHeight; //监听浏览器窗口变化
    window.onresize = () => {
      this.Height = document.documentElement.clientHeight;
    };
  }
};
</script>
 
<style scoped>
.footer {
  width: 100%;
  height: 80px;
  font-size: small;
  text-align: center;
  color: black;
}
</style>
